body{
    background: rgba(22, 24, 36, 1);
}
/* header{
    height: 77px;
    outline: 1px solid red;
} */
/* 摇一摇 */
.yaoyiyao{margin-top: 77px;
    width: 100%;
    height: .625rem;
    /* outline: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.yaoyiyao>a{
    color: rgba(140, 140, 147, 1);
    font-size: 12.5px;
    /* list-style: none; */
}
/* 下拉摇一摇 */
#yyy{
    position: absolute;
    inset: 0;
    top: 6.87rem;
    width: 100%;
    height: 2.7625rem;
    padding: 0rem .625rem;
    /* outline: 1px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #333;
    z-index: 9999;
    display: none;
}
#yyy>img{
    width: 1.8rem;
    height: 1.6rem;
}
#yyy>div{
    color: rgba(140, 140, 147, 1);
    font-size: 12.5px;
    margin-top: .2125rem;
}
/* 学校 */
.school{
    width: 100%;
    height: 1.175rem;
    /* outline: 1px solid red; */
}
.sc_l{
    /* width: 80%; */
    height: 100%;
    /* outline: 1px solid red; */
    padding: 0px .5469rem;
    display: flex;
    float: left;
    /* justify-content: center; */
    align-items: center;
}
.sc_l>img{
    width: .625rem;
    height:.625rem;
    /* outline: 1px solid red; */
}
.sc_l>input{
    width: 4.7687rem;
    height: .4562rem;
    /* outline: 1px solid red; */
    margin-left: .2875rem;
    background: transparent;
    border: none;
    outline: none;
    font-size: 12.5px;
    color: rgba(140, 140, 147, 1);
}
.sc_r{
    width: 20%;
    height: 100%;
    /* outline: 1px solid red; */
    /* padding: 0px .5469rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}
#qiehuanid{
    margin-right: .08rem;
    width: .8rem;
    color: rgba(140, 140, 147, 1);
    font-size: 12.5px;
}
.sc_r>img{
    margin-top: .09rem;
    width: .1813rem;
    height: .1563rem;
    
}

/* 切换 */
.qiehuan{
    position: absolute;
    inset: 0;
    top: 6.87rem;
    width: 100%;
    height: 2.7625rem;
    padding: 0rem .625rem;
    /* outline: 1px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    background: rgba(0, 0, 0, 1);
    z-index: 9999;
    display: none;
}
.qh_t{
    /* outline: 1px solid red; */
    display: flex;
}
.qh_t>span:nth-of-type(1){
    font-size: 12.5px;
    display: inline-block;
    padding: 0px 0.2875rem;
    height: .5813rem;
    line-height: .5813rem;
    text-align: center;
    border-radius: 1.25rem;
    margin-right: .575rem;
    background: rgba(255, 198, 24, 1);
}
.qh_t>span:nth-of-type(2){
    font-size: 12.5px;
    display: inline-block;
    padding: 0px 0.2875rem;
    height: .5813rem;
    line-height: .5813rem;
    text-align: center;
    border-radius: 1.25rem;
    margin-right: .575rem;
    color: #E7E8EA;
    background-color:  rgba(140, 140, 147, 1);
}
.qh_t>span:nth-of-type(3){
    font-size: 12.5px;
    display: inline-block;
    padding: 0px 0.2875rem;
    height: .5813rem;
    line-height: .5813rem;
    text-align: center;
    border-radius: 1.25rem;
    margin-right: .575rem;
    color: #E7E8EA;
    background-color:  rgba(140, 140, 147, 1);
}
.qh_b{
    /* outline: 1px solid red; */
    display: flex;
   
}
.qh_b>span:nth-of-type(1){
    font-size: 12.5px;
    display: inline-block;
    padding: 0px 0.2875rem;
    height: .5813rem;
    line-height: .5813rem;
    text-align: center;
    border-radius: 1.25rem;
    margin-right: .575rem;
    color: #E7E8EA;
    background-color:  rgba(140, 140, 147, 1);
}
.qh_b>span:nth-of-type(2){
    font-size: 12.5px;
    display: inline-block;
    padding: 0px 0.2875rem;
    height: .5813rem;
    line-height: .5813rem;
    text-align: center;
    border-radius: 1.25rem;
    color: #E7E8EA;
    background-color:  rgba(140, 140, 147, 1);
}
/* 主体 */
.main{
    width: 100%;
    /* outline: 1px solid red; */
    position: relative;
    top: 0;
    left: 0;
    /* padding-left: .4688rem; */
    /* margin-top: 30px; */
}

/* 遮罩 */
#zz{
     /* outline: 1px solid red; */
    position: absolute;
    top: 2.5rem;
    width: 100%;
    height: 15rem;
    /* inset: 0; */
    background: rgba(0, 0, 0, 0.62);
    opacity: 1;
    z-index: 10000;
    display: none;
}
.main_ul1{
    width: 50%;
    /* outline: 1px solid red; */
    padding-left: .1563rem;
    padding-right: .0625rem;
    float: left;
}
.main_ul1>li{
    width: 100%;
    height: 9.9063rem;
    /* outline: 1px solid red; */
    position: relative;
    top:0px;
    left: 0px;
}
/* 距离 */
.juli{
    display: inline-table;
    width: 100%;
    height: 1.175rem;
    position: absolute;
    left: 0px;
    bottom: 1.5rem;
    /* outline: 1px solid red; */
    padding: 0px .1875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.juli>img:nth-of-type(1){
    width: .18rem;
    height: .2825rem;
}
.juli>span{
    display: inline-table;
    font-size: 12.5px;
    width: .18rem;
    height: .2825rem;
    margin-left: -2.2rem;
    color: #fff;
}
.juli>img:nth-of-type(2){
    width: .5rem;
    height: .5rem;
    float: right;
}
/* 图片 */
.main_ul1>li>a>img{
    width: 100%;
    height:8.4063rem;
}
/* 描述 */
.main_ul1>li>div>a{
    display: inline-block;
    width: 100%;
    height: 1.55rem;
    font-size: 12.5px;
    color: #fff;
    padding: 0px .1875rem;
    /* outline: 1px solid red; */
}

.main_ul2{
    width: 50%;
    /* outline: 1px solid red; */
    padding-right: .1563rem;
    padding-left: .0625rem;
    float: right;
}
.main_ul2>li{
    width: 100%;
    height: 9.4063rem;
    position: relative;
    top:0px;
    left: 0px;
    /* outline: 1px solid red; */
}

.main_ul2>li>a>img{
    width: 100%;
    height:8.4063rem;
}
.main_ul2>li>div>a{
    width: 100%;
    height: 1rem;
    font-size: 12.5px;
    color: #fff;
    padding: 0px .1875rem;
    /* outline: 1px solid red; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 距离 */
.juli2{
    display: inline-table;
    width: 100%;
    height: 1.175rem;
    position: absolute;
    left: 0px;
    bottom: 1rem;
    /* outline: 1px solid red; */
    padding: 0px .1875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.juli2>img:nth-of-type(1){
    width: .18rem;
    height: .2825rem;
}
.juli2>span{
    display: inline-table;
    font-size: 12.5px;
    width: .18rem;
    height: .2825rem;
    margin-left: -2.2rem;
    color: #fff;
    
}
.juli2>img:nth-of-type(2){
    width: .5rem;
    height: .5rem;
    float: right;
    
}



/* 页脚 */
footer{
    position: fixed;
    margin-top: 3.5rem;
    bottom: 0px;
    width: 100%;
    height: .2188rem;
    display: flex;
    justify-content: center
}
footer>div{
    width: 3.8rem;
    height: .0938rem;
    background: rgba(51, 51, 51, 1);
    border-radius: 1.5px;
}